<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>公司大屏</title>
  <link rel="stylesheet" href="./static/css/element.css">
  <link rel="stylesheet" href="./static/css/index.css">
  <link rel="stylesheet" href="./static/font/iconfont.css">
  
</head>
<body>
  <div id="stage">
    <div id="console">
      <span>
        <i class="iconfont start" title="开始">&#xe613;</i>
        <i class="iconfont stop" title="暂停">&#xe66a;</i>
      </span>
    </div>
    <div id="chart1" class="element"></div>
    <div id="chart2" class="element"></div>
    <div id="chart3" class="element">热词申告</div>
    <div id="chart4" class="element">
      <svg width='870px' height='260px'>
        <a v-for='(tag, index) in tags'>
          <text :x='tag.x' :y='tag.y' :font-size='tag.size' :fill="colors[index%5]"
            :fill-opacity='((400+tag.z)/600)'>{{tag.text}}</text>
        </a>
      </svg>
    </div>
    <div id="chart5" class="element">工单处理概况</div>
    <div id="chart6" class="element"></div>
    <div id="chart7" class="element">江苏开拓服务运营管理中心</div>
    <div id="chart8" class="element">
      <div id="map"></div>
      <div id="maplegend">
        <ul>
          <li><i style="color:#EA6E6E">●</i>紧急告警</li>
          <li><i style="color:#6EE8BF">●</i>一般告警</li>
        </ul>
      </div>
      <div id="maptooltip">
        <i></i>
        <i></i>
        <div class="maptipcontent"></div>
      </div>
      <div id="xinwuqu">新吴区</div>
    </div>
    <div id="chart9" class="element"></div>
    <div id="chart10" class="element"></div>
    <div id="chart11" class="element number"></div>
    <div id="chart12" class="element"></div>
    <div id="chart13" class="element"></div>

    <div id="chart14" class="element"></div>
    <div id="chart15" class="element number"></div>
    <div id="chart16" class="element"></div>
    <div id="chart17" class="element"></div>
    <div id="chart18" class="element"></div>
    <div id="chart19" class="element"></div>

    <div id="chart20" class="element"></div>
    <div id="chart21" class="element number"></div>
    <div id="chart22" class="element"></div>
    <div id="chart23" class="element"></div>

    <div id="chart24" class="element"></div>
    <div id="chart25" class="element"></div>
    <div id="chart26" class="element">
      <!-- <el-table></el-table> -->
      <el-table ref="charttable" :data="tableDate" class="sys-tabel" style="width: 100%;height: 380px;" v-if="tableColumn.length > 0">
        <el-table-column v-for="column in tableColumn" :prop="column.prop" :label="column.label" :width="column.width"></el-table-column>
      </el-table>
    </div>
    <div id="chart27" class="element">
      <h3></h3>
      <dl id="statistics"></dl>
    </div>
    <div id="chart28" class="element">
      <dl>
        <dt>今日天气</dt>
        <dd id="nowtime"></dd>
        <dd id="weather"></dd>
      </dl>
    </div>
    <div id="chart29" class="element"></div>
  </div>
  
</body>
<!-- import Vue before Element -->
<!-- <script src="https://unpkg.com/vue/dist/vue.js"></script> -->
<script src="./static/js/vue.min.js"></script>
<!-- import JavaScript -->
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script> -->
<script src="./static/js/element-ui.min.js"></script>
<script src="./static/js/echarts.min.js"></script>
<script src="./static/js/echarts-gl.min.js"></script>
<script src="https://api.map.baidu.com/api?v=2.0&ak=xfhhaTThl11qYVrqLZii6w8qE5ggnhrY&__ec_v__=20190126"></script>
<script src="https://www.echartsjs.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script src="http://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>
<script src="./static/js/jquery.min.js"></script>
<script src="./static/js/moment-with-locales.js"></script>
<script src="./static/js/render.js"></script>
<script src="./static/js/map.js"></script>
<script src="./static/js/control.js"></script>

</html>